<html>
    <head>
        <title></title>
        <style type="text/css">
         .dg1{
            background-image: url(zkp.jpg);
            border-top-style: double;
            border-bottom-style: double;
            border-left-style:double;
            border-right-style:double;
            width: 400px;
            height: 200px;
            margin: 2%;
          }
         .dg2{
            background-image: url(ys.jpg) ; 
            border-top-style: double;
            border-bottom-style: double;
            border-left-style:double;
            border-right-style:double;
            width: 400px;
            height: 200px;
            background-repeat: repeat-x;
            background-size: 50%;
            margin: 2%;
            float: left;
          }
         .dg3{
            background-color: aqua;  border-top-style: dotted;
            border-bottom-style: double;
            border-left-style:double;
            border-right-style:double;
            border-style: double;
            margin: 2%;
            float: right;
         }
         body{
            background-attachment: fixed;
            background-repeat: no-repeat;
            background: url("ys.jpg");
            background-size: 100% 100%;
         }
         .s1{margin: 2%;
            width: 400px;
            height: 200px;
            display: inline-block;

         }
         .s2{margin: 2%;
            width: 400px;
            height: 200px;
            display: inline-block;
            padding: 5%;

         }
         .s3{margin: 2%;
            width: 400px;
            height: 200px;
            display: inline-block;

         }
         .s4{
              margin: 2%;
              width: 400px;
              height: 200px;
              display: inline-block;
         }
        </style>
    </head>
    <body >
        <div class="dg1"><a href="C:\Users\PC-328\新建文件夹\zh\margin.html">dgv第三方的都是地方合理开发的</a></div>
        <div class="dg2">过来<a href="#">你辅导</a>看功课</div> 
        <span class="s1">请问加快了七五九二</span>
        <div class="dg3">的防r面<a href="#">守方</a>乐扣乐扣</div>
        <div class="d1">案例<a href="#">；，分类</a></div>
        <div class="d2"><a href="#">口服排位OIJFPN</a></div>
        <div class="d3"><a href="#">u符号i基恩</a></div>
      
        <span class="s2">二七二七万人</span>
        <span class="s3">亲热微软</span>
        <span class="s4">日期日期</span>
    </body>
</html> 